@include button(active,$b_color, white);
}
&:backdrop {
- @include button(backdrop,$b_color);
+ @include button(backdrop,$b_color,white);
&:insensitive {
@include button(backdrop-insensitive);
}
&:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
&:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
&:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
- &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); }
+ &:backdrop {
+ @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge);
+ border-color: darken($selected_bg_color, 15%);
+ }
&:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); }
&.suggested-action {
@include button($t:normal, $noedge:true);
//
// backdrop button
//
- color: if($c!=$bg_color, $backdrop_bg_color, $backdrop_fg_color);
+ color: if($c!=$bg_color, $tc, $backdrop_fg_color);
border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
background-image: linear-gradient(to bottom,
if($c!=bg_color,$c,$backdrop_bg_color));
.button.suggested-action:backdrop {
border-width: 1px;
border-style: solid;
- color: #393f3f;
+ color: white;
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
.button.destructive-action:backdrop {
border-width: 1px;
border-style: solid;
- color: #393f3f;
+ color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
.header-bar.selection-mode .button:backdrop {
border-width: 1px;
border-style: solid;
- color: #393f3f;
+ color: white;
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ border-color: #14375d; }
.titlebar.selection-mode .button:backdrop:insensitive,
.header-bar.selection-mode .button:backdrop:insensitive {
border-width: 1px;
.error .button:backdrop {
border-width: 1px;
border-style: solid;
- color: #393f3f;
+ color: white;
border-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
.button.suggested-action:backdrop {
border-width: 1px;
border-style: solid;
- color: #ededed;
+ color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
.button.destructive-action:backdrop {
border-width: 1px;
border-style: solid;
- color: #ededed;
+ color: white;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
text-shadow: none;
.header-bar.selection-mode .button:backdrop {
border-width: 1px;
border-style: solid;
- color: #ededed;
+ color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ border-color: #256ab1; }
.titlebar.selection-mode .button:backdrop:insensitive,
.header-bar.selection-mode .button:backdrop:insensitive {
border-width: 1px;
.error .button:backdrop {
border-width: 1px;
border-style: solid;
- color: #ededed;
+ color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;